<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%"
    >
      <el-table-column
        v-for="(item, index) in tableHead"
        :key="'tableHead'+index"
        :prop="item.prop"
        :label="item.label"
        :width="item.width"
        :min-width="item.minWidth"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
var tableDataItem = {
  serialNumber: '01',
  code: 'Purvar001 ',
  describe: '虚拟描述',
  company: '个',
  number: '5',
  currentVersion: 'V1.1 ',
  releaseVersion: 'V1.0',
  tagNumber: '1',
  substitutes: '0 ',
  remarks: '快讯！北京应急响应级别调整至三级'
}
export default {
  name: 'BillMateriAlsBom',
  data() {
    return {
      tableHead: [
        { prop: 'serialNumber', label: '序号', width: '60px' },
        { prop: 'code', label: '编码', width: '200px' },
        { prop: 'describe', label: '描述', width: '250px' },
        { prop: 'company', label: '单位', width: '60px' },
        { prop: 'number ', label: '数量', width: '60px' },
        { prop: 'currentVersion', label: '当前版本', width: '100px' },
        { prop: 'releaseVersion', label: '发布版本', width: '100px' },
        { prop: 'tagNumber', label: '位号', width: '60px' },
        { prop: 'substitutes', label: '替代料', width: '80px' },
        { prop: 'remarks', label: '备注', width: '' }
      ],
      tableData: []
    }
  },
  created() {
    new Array(10).fill(1).forEach(() => this.tableData.push(tableDataItem))
  },
  methods: {}
}
</script>

<style lang="scss" scoped></style>
